<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>登录</title>
	<style type="text/css">
			body{
				background-image: url(images/login2.jpg);
				/* border: 1px solid red; */
				background-size: 100%
			}
			#logo{
				position: absolute;
				left: 30px;
				top: 30px;
				 /*border: 1px solid red;*/
				width: 150px;
				height: 100px;
				color: white;
				font-size: 40px;
				font-family: '幼圆';
			}
			#zi{
				position: absolute;
				left: 140px;
				top: 270px;
				 /* border: 1px solid red;  */
				width: 450px;
				height: 260px;
				color: white;
				font-family: '华文新魏';
			}
			#zi h1{
				font-size: 43px;
				opacity: 0.7;
			}
			#zi p{
				font-size: 27px;
				margin-left:120px;
			}
			#dl{
				background-color: #c7c7c7;
				opacity: 0.7;
				border: 1px solid gray;
				width: 18%;
				height: 40%;
				position: absolute;
				left: 1300px;
				top: 120px;
				border-radius: 18px;
				
				transition: right 0.8s;
				-webkit-transition: right 0.8s;
			}
			a{
				color: #6f95c8;
				text-decoration:none;
			}
			a:hover{
				text-decoration: underline;
			}
			.in{
				border: 1px solid skyblue;
				border-radius: 12px;
			}
			.in:hover{
				border: 1px solid #409AF8;
				border-radius: 12px;
			}
			#an{                                     /* 按钮 */
				border-radius: 10px;
			}
			#an:hover{
				opacity: 0.9;
			}
		</style>
</head>
<body>

	<div class="zhuti">
		<div id="logo">影易购</div>

		<div id="zi">
			<h1>爱生活，爱电影</h1>
			<p>视听无限，影院有约</p>
		</div>

		<div id="dl">
			<p style="margin-left: 115px;">帐号密码登录</p>
			<hr >
			<form action="/CaoliuWeb/denlu" method="post">
				<input type="text" name="name" class="in" placeholder="  请输入用户名" value="" style="width: 260px;height: 40px;margin-top: 40px;margin-left: 30px;"/><br>
				<input type="password" name="pwd" class="in"  placeholder="  请输入密码"  value=""  style="width: 260px;height: 40px;margin-top: 25px;margin-left: 30px;"/><br>
				<input type="submit" id="an" value="登录" style="width: 265px;height: 45px;margin-top: 25px;
					margin-left: 30px;font-size: 20px;color: white;background-color: #3385ff;border: 0px;margin-bottom: 50px;" />
				<br><a href="/CaoliuWeb/zuce" style="margin-left: 140px;">注册新账号</a>|
				<a href="#">意见反馈</a>
			</form>
		</div>
	</div>
	
</body>
</html>